/**************************************** effect tada ***********************************/
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -6deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -6deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 6deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 6deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -6deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -6deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/****************************************************************************************/




div.divDomaine{
	color:white;
	padding:15px;
     background:#2298FF; 
     margin-bottom: 20px;
     margin-top: 20px;
     text-align:center;
     font-size:25px;
	font-family:Segoe Ui;
	text-transform:uppercase;
	
}


div.displayDomaine{
	
	font-size:65px;
	font-family:Segoe Ui;
	padding:15px;
	text-align:center;
	
	-webkit-animation-name: tada;
	 -webkit-animation-duration: 1s;
   	 animation-name: tada;
}

div.roulette {
	/*margin-top: 35px;*/
	border:1px solid rgba(253, 252, 253, 0.31);
	border-radius:50%;
	
}
div.roulette-inner {
	/*left : 33px;*/

	
}

.span4{
	margin:auto;
	margin-top:35px;
	background:;
	width:600px;
	height:600px;
}

div.secondContainer{
	background:url('../../ressource/pattern/tweed.png');
	padding:30px;
}

div.roulette_container {
	
	background:white;
	width:512px;
	height:512px;
	margin:50%;
	border:1px solid rgba(253, 252, 253, 0.31);
	border-radius:50%;
	box-shadow:0px 0px 3px lightpink;margin:auto;
}

.btn_container {
	
	text-align:center;
}
.btn_container .start {
	margin-right:20px;
}
.log_container {
	margin-left:25px;
	margin-top:80px;
}
.demo_label {
	border-left:5px solid gray;
	padding-left:5px;
	font-size: 20px;
}
#msg {
	border:1px solid #eee;
	padding:10px 20px;
	overflow-y: scroll;
	max-height: 100px; 
}
div.param_label {
	margin:20px 0px 10px 0px;
}
#stopImageNumber {
	width : 20px;
}
.param_name {
	font-weight:bold;
}
.image_sample img{
	width : 50px;
	cursor: pointer;
}
.right_container {
	width: 550px;
	margin-left: 100px;
}
.code_container {
	margin-top:50px;
	width: 500px;
}
.label-info {
	margin-bottom: 3px;
}
div.ui-slider {
	width: 300px;
}
